$ = window.$;
var page = {
	page: function() {
		$('.item').width($('.carousel-count').width() * 4);
		window.onload = function() {
			var prevDOM = document.getElementById('prev');
			var nextDOM = document.getElementById('next');
			var marginLeftValues = [0 * 954 + 'px', -1 * 954 + 'px', -2 * 954 + 'px'];
			var i = 0;
			var CountDOM = $('.item');
			prevDOM.onclick = function() {
				--i;
				if(i != marginLeftValues.length - 1) {
					nextDOM.style.visibility = 'visible';
				};
				if(i == 0) {
					prevDOM.style.visibility = 'hidden';
				};
				if(i == -1) {
					i = 2;
				};
				$('.item').css('left', marginLeftValues[i]);
			};
			nextDOM.onclick = function() {
				cycle();
				if(i != 0) {
					prevDOM.style.visibility = 'visible';
				};
				if(i == marginLeftValues.length - 1) {
					nextDOM.style.visibility = 'hidden';
				};

			};

			function cycle() {
				++i;
				if(i == 3) {
					i = 0;
				};
				$('.item').css('left', marginLeftValues[i]);
			};
			setInterval(cycle, 2000);
		};
	}
}